    import '../css/reset.css';
    import '../css/index.css';
    import '../css/btn-animation.css';
    import 'echarts';
    import 'fullpage.js';
    import 'animate.css';
    import 'vue';
    /*引入图片的方式 也是通过import的方式 import '../images/pizza.png'*/
    //第一种引入jquery的方式
    //import $ from 'jquery';
    //第二种引入jquery的方式 
    $(function () {
        $('#fullpage').css('background','red');
        $('#fullpage').fullpage({
            sectionsColor: ['white', 'white', 'white', 'white', 'white'],
            onLeave(index, nextIndex, direction) { //利用这个方法 实现每次滚动有动画
                console.log(index, nextIndex, direction);
                //当前动画样式去掉  给下一屏添加动画标签
                $('[amt]').each(function (indexs, element) {
                    //console.log(element) 每个html对象
                    var amt = $(element).attr('amt');
                    $(element).removeClass(amt);
                });
                //给下一个显示屏里面的 需要表现动画的标签添加动画
                $('#fullpage .section').eq(nextIndex - 1).find('[amt]').each(function (indexs, element) {
                    $(element).addClass($(element).attr('amt')); //为每一个元素通过amt属性添加相应的类
                });
            }
        })
    });
